<#--<!-- 销售单详情 &ndash;&gt;-->
<#--<#include "./../common/lib/csslib.ftl">-->
<#--<div class="easyui-layout" data-options="fit:true" style="height: auto">-->
    <#--<div data-options="region:'center'">-->
        <#--<div class="easyui-layout" data-options="fit:true">-->
            <#--<div data-options="region:'north',height:'345px'">-->
            <#--<form id="myForm" method="post" class="form-inline search-form" style="float: left;width: 68%">-->

                <#--<input type="hidden" id="salesId" name="salesId" value="${id}"/>-->
                <#--<input  type="hidden" id="goods" name="goods"/>-->


                    <#--<div class="form-group" style="margin-left: 40%;" >-->
                    <#--<label>销售单</label>-->

                    <#--</div>-->
                    <#--<div class="form-group" style="width: 100%">-->
                        <#--<div style="width: 34%;float: left">-->
                            <#--<label>单据号</label>&nbsp;&nbsp;${mSales.code}</div>-->
                        <#--<div style="width: 33%;float: left">-->
                        <#--<label>单据日期</label>&nbsp;&nbsp;${orderTimeCn}</div>-->
                        <#--&lt;#&ndash;<input name="orderTime" class="easyui-datebox" readonly value="${orderTimeCn}"/>&ndash;&gt;-->

                        <#--&lt;#&ndash;<input name="code" class="easyui-textbox" readonly value="${mSales.code}"/>&ndash;&gt;-->
                            <#--<div style="width: 33%;float: left">-->
                        <#--<label>制单人</label>&nbsp;&nbsp;${Session.current_user.nickname}</div>-->
                    <#--</div>-->
                        <#--&lt;#&ndash;<input id="userName" name="userName" class="easyui-textbox" value="${Session.current_user.nickname}" readonly/>&ndash;&gt;-->
                <#--<div class="form-group" style="width: 100%">-->
                    <#--<div style="width: 34%;float: left">-->
                        <#--<label>销售员</label>&nbsp;&nbsp;${saleMan}</div>-->
                        <#--<div style="width: 33%;float: left">-->
                        <#--<label>销售类型</label>&nbsp;&nbsp;${orderType}</div>-->
                        <#--&lt;#&ndash;<input id="saleType" name="saleType" class="easyui-textbox" value="${orderType}" readonly/>&ndash;&gt;-->
                            <#--<div style="width: 33%;float: left">-->
                        <#--<label>制单日期</label>&nbsp;&nbsp;${thisTime}</div>-->
                        <#--&lt;#&ndash;<input name="time" class="easyui-datebox" readonly value="${orderTimeCn}"/>&ndash;&gt;-->
                    <#--</div>-->
                <#--<br>-->
                    <#--<div class="form-group" style="width: 100%">-->
                        <#--<div style="height:25px;line-height: 25px;width: 100%;background-color: #f1f1f1"><label>客户信息：</label></div>-->
                        <#--<div style="width: 34%;float: left">-->
                        <#--<label>客户</label>&nbsp;&nbsp;${custom}</div>-->
                        <#--&lt;#&ndash;<input id="custom" name="custom" class="easyui-textbox" value="${custom}" readonly/>&ndash;&gt;-->
                            <#--<div style="width: 33%;float: left">-->
                        <#--<label>联系人</label>&nbsp;&nbsp;${mSales.cusName}</div>-->
                        <#--&lt;#&ndash;<input id="cusName" name="cusName" class="easyui-textbox" value="${mSales.cusName}" readonly/>&ndash;&gt;-->
                                <#--<div style="width: 33%;float: left">-->
                        <#--<label>联系电话</label>&nbsp;&nbsp;${mSales.cusTel}</div>-->
                        <#--&lt;#&ndash;<input id="cusTel" name="cusTel" class="easyui-textbox" value="${mSales.cusTel}" readonly/><br>&ndash;&gt;-->
                        <#--<label>客户地址</label>&nbsp;&nbsp;${mSales.cusAddr}-->
                        <#--&lt;#&ndash;<input id="cusAddr" name="cusAddr" class="easyui-textbox" style="width: 443px;" value="${mSales.cusAddr}" readonly/>&ndash;&gt;-->
                    <#--</div>-->

                <#--<div class="form-group" style="width: 100%">-->
                    <#--<div style="height:25px;line-height: 25px;width: 100%;background-color: #f1f1f1"><label>商品信息：</label></div>-->
                    <#--<div style="width: 25%;float: left">-->
                        <#--<label>销售数量</label>&nbsp;&nbsp;${mSales.totalNum}</div>-->
                <#--&lt;#&ndash;<input id="custom" name="custom" class="easyui-textbox" value="${custom}" readonly/>&ndash;&gt;-->
                    <#--<div style="width: 25%;float: left">-->
                        <#--<label>商品总额</label>&nbsp;&nbsp;${mSales.goodsFee}</div>-->
                <#--&lt;#&ndash;<input id="cusName" name="cusName" class="easyui-textbox" value="${mSales.cusName}" readonly/>&ndash;&gt;-->
                    <#--<div style="width: 25%;float: left">-->
                        <#--<label>应付总额</label>&nbsp;&nbsp;${mSales.totalFee}</div>-->

                    <#--<div style="width: 25%;float: left">-->
                        <#--<label>优惠</label>&nbsp;&nbsp;${mSales.discountFee}</div>-->
                <#--&lt;#&ndash;<input id="cusAddr" name="cusAddr" class="easyui-textbox" style="width: 443px;" value="${mSales.cusAddr}" readonly/>&ndash;&gt;-->
                <#--</div>-->

            <#--</form>-->
                <#--</div>-->
            <#--<div data-options="region:'center'">-->
                <#--<table id="mSales_table"  style="height:'auto';width: 68%;border-color: #00ee00;border: 1;mso-cellspacing: 0" ></table>-->
                <#--<br>-->
                <#--<div class="form-group">-->
                    <#--<label style="margin-left:30px;color: grey">销售签字(盖章)</label>-->
                    <#--<label style="margin-left:15%;color: grey">核单签字(盖章)</label>-->
                    <#--<label style="margin-left:15%;color: grey">备注</label>-->
                <#--&lt;#&ndash;<input id="totalNum" name="totalNum" class="easyui-numberbox"  readonly value="${purchase.totalNum}"/>&ndash;&gt;-->
                <#--&lt;#&ndash;<label>总金额</label>&ndash;&gt;-->
                <#--&lt;#&ndash;<input id="amountActual" class="easyui-numberbox" readonly data-options="precision:2"&ndash;&gt;-->
                <#--&lt;#&ndash;value="${purchase.amountActual}"/>&ndash;&gt;-->
                <#--&lt;#&ndash;<label>已付</label>&ndash;&gt;-->
                <#--&lt;#&ndash;<input id="amountAlready" class="easyui-numberbox" readonly value="${purchase.amountAlready}" data-options="precision:2"/>&ndash;&gt;-->
                <#--&lt;#&ndash;<label>待付</label>&ndash;&gt;-->
                <#--&lt;#&ndash;<input id="amountIng" class="easyui-numberbox" readonly value="${purchase.amountIng}" data-options="precision:2"/>&ndash;&gt;-->
                <#--</div>-->

                <#--<br>-->
                <#--<button type="button" id="printButton"-->
                        <#--style="float:right;margin-right:100px;border-radius:2px;color:white;border: 0px;background-color:#00a2d4;height: 30px;width: 86px" >打&nbsp;印</button>-->

            <#--</div>-->
<#--</div>-->

<#--</div>-->

<#--<#include "./../common/lib/jslib.ftl">-->
<#--<script>-->

    <#--var wait = 1;-->
    <#--document.getElementById("printButton").onclick = function() {-->
        <#--time(this);-->
        <#--window.print();-->
    <#--}-->
    <#--function time(o) {-->
        <#--if (wait == 0) {-->
            <#--$("#printButton").attr("style","float:right;margin-right:100px;border-radius:2px;color:white;border: 0px;background-color:#00a2d4;height: 30px;width: 86px");-->
            <#--wait = 1;-->
        <#--} else {-->
            <#--$("#printButton").attr("style","display:none;");-->
            <#--wait--;-->
            <#--setTimeout(function() {-->
                <#--time(o)-->
            <#--}, 200)-->
        <#--}-->
    <#--}-->


    <#--function doPrint() {-->
        <#--window.print();-->
    <#--}-->
<#--</script>-->
<#--<script src="/bizjs/mSalesPrint.js?t=2"></script>-->

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表单打印</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="/public/assets/css/p_form.css"/>
</head>
<body>
<div class="p_form">
    <h3 class="form-title">仓库销售单</h3>
    <ul class="form-header">
        <li class="form_data">
            <span>制单日期：</span>
            <span> ${thisTime}</span>
        </li>
        <li class="form_data">
            <span>制单人：</span>
            <span> ${Session.current_user.nickname}</span>
        </li>
    </ul>
    <div class="form_content">
        <ul class="form-header">
            <li class="form_list">
                <span>销售日期</span>
                <span>${orderTimeCn}</span>
            </li>
            <li class="form_list">
                <span>单据号</span>
                <span>${mSales.code}</span>
            </li>
            <li class="form_list">
                <span>采购员</span>
                <span>${saleMan}</span>
            </li>
            <li class="form_list">
                <span>采购类型</span>
                <span>${orderType}</span>
            </li>
            <li class="form_list custom">
                <span>客户名称</span>
                <span>${custom}</span>
            </li>
            <li class="form_list custom">
                <span>客户地址</span>
                <span>${mSales.cusAddr}</span>
            </li>
        </ul>
    </div>
    <div class="form_table-context">
        <table class="form_table" id="mSaleDetail_table">
            <tr><th>序号</th><th>商品名称</th><th>规格</th><th>编号</th><th>单位</th><th>单价</th><th>数量</th><th >金额(元)</th></tr>
            <tr id="temp"><td id="num"></td><td id="goodsName"><td id="skus"></td><td id="code"></td><td id="unit"><td id="amountActual"></td><td  id="count"></td><td id="shouldPay"></td></tr>
        <#--<tr><td>1</td><td>自行车行车行车自行车自行车</td><td>19939932</td><td>100</td><td>2</td><td>200</td></tr>-->
        <#--<tr><td>1</td><td>自行车行车行车自行车自行车</td><td>19939932</td><td>100</td><td>2</td><td>200</td></tr>-->
        <#--<tr><td>1</td><td>自行车行车行车自行车自行车</td><td>19939932</td><td>100</td><td>2</td><td>200</td></tr>-->
        </table>

    <input type="hidden" id="salesId" name="salesId" value="${id}"/>
    </div>
    <div class="total_price">
        <div class="total_title">合计</div>
        <div class="total_money">
            <span>金额：￥${mSales.goodsFee}</span>
            <span>数量：${mSales.totalNum}</span>
            <span>优惠：￥${mSales.discountFee}</span>
        </div>
    </div>
    <ul class="form_footer">
        <li>销售员签字（盖章）：</li>
        <li>核单签字（盖章）：</li>
        <li>日期 ：</li>
        <li>备注 ：</li>
    </ul>

    <div>

        <button type="button" id="printButton"
                style="float:right;margin-right:100px;border-radius:2px;color:white;border: 0px;background-color:#00a2d4;height: 30px;width: 86px" >打&nbsp;印</button>
    </div>
</div>
<#include "./../common/lib/jslib.ftl">
<script>
    window.onload = function() {
        $.ajax({
            url: "/mSales/detailList?salesId=" + $("#salesId").val(),
            type: "post",
            dataType: 'json',
            //jsonpCallback:"callback",
            data: {
                id: $("#salesId").val()
            },
            success: function (data) {
                $.each(data, function (i, n) {
                    var row = $("#temp").clone();
                    row.find("#num").text(i+1);
                    row.find("#goodsName").text(n.goodsName);
                    row.find("#skus").text(n.skus);
                    row.find("#code").text(n.skuCode);
                    row.find("#unit").text(n.unit);
                    row.find("#amountActual").text(n.price);
                    row.find("#count").text(n.count);
                    row.find("#shouldPay").text(n.count*n.price);
                    row.appendTo("#mSaleDetail_table");//添加到模板的容器中
                });


            },
            error: function (request) {
                console.log(JSON.stringify(request))
            }
        });
    }




    var wait = 1;
    document.getElementById("printButton").onclick = function() {
        time(this);
        window.print();
    }
    function time(o) {
        if (wait == 0) {
            $("#printButton").attr("style","display:block;float:right;margin-right:100px;border-radius:2px;color:white;border: 0px;background-color:#00a2d4;height: 30px;width: 86px");
            wait = 1;
        } else {
            $("#printButton").attr("style","display:none;");
            wait--;
            setTimeout(function() {
                time(o)
            }, 200)
        }
    }


    function doPrint() {
        window.print();
    }
</script>
<#--<script src="/bizjs/pPurchase_print.js?t=2"></script>-->
</body>

</html>
